@extends('wap.layout.base')
@section('scripts')
    <script>
        $(function () {
            var app = new Vue({
                el: '#app',
                data: function() {
                    return {
                        title: "{{ $title }}",
                        target: "{{ $target }}"
                    }
                },

                methods: {
                    onClickLeft() {
                        window.location.href = this.target;
                    },
                }
            });
        })
    </script>
@endsection
@section('content')
    <div class="container main user-detail" id="app" v-cloak>
        <van-nav-bar
                :title="title"
                left-text=""
                border
                fixed="true"
                left-arrow="false"
                @click-left="onClickLeft">
            <van-icon name="arrow-left" slot="left"/>
        </van-nav-bar>
        <div class="col-lg-12">
            <h3 style="text-align: center;margin-bottom: 2rem"><img src="{{ asset('img/about-logo.png') }}" alt=""> {{ $info['title'] }}</h3>
            {!! $info['content'] !!}
        </div>
    </div>
@endsection

